/*!
 * Copyright (c) 2013-Now http://aidex.vip All rights reserved.
 * @author aidex
 * @version 2020-9-1
 */

// .toolbar {
	
// 	background-color: #fff;
// }
// .wrap .box .item{
// 	margin: 0 0 0px;
// 	border-radius: 0;
// 	.title {
// 		padding-left:0;
// 		.text {
// 			font-size: 30rpx;
// 			font-weight:500;
// 			margin: 0;
// 			color: #202328;
// 		}
// 	}
// }
// .grid {
	
// 	.grid-icon {
// 		color: #666;
// 	}
	
// 	.grid-text {
// 		font-size: 24rpx;
// 		padding: 15rpx;
// 		color: #202328;
// 	}
// }

.base {
		// background-color: gray;
		position: absolute;
	}

	.user-box {
		background-color: green;
	}

	.my-item {
		background-color: white;
		padding: 30rpx 24rpx 30rpx 24rpx;
		border-radius: 10rpx;
	}

	.my-stop {
		border-bottom: .5upx dashed #ccc;
	}

	.item-head {
		font-size: 12rpx;
		margin-right: 20rpx;
		color: black;
		font-weight: bold;
		margin-bottom: 10rpx;
	}

	.item-body-one {
		font-size: 12rpx;
		text-align: center;
		margin-bottom: 10rpx;
	}

	.item-body-one-one {
		display: inline-block;
		float: left;
		color: $uni-color-primary;
	}

	.item-body-one-two {
		display: inline-block;
		color: $uni-text-color-grey;
	}

	.item-body-one-three {
		display: inline-block;
		// margin-right: -37px;
		float: right;
		color: $uni-text-color-grey;
	}

	.item-body-two {
		font-size: 12rpx;
		margin-bottom: 20rpx;
		color: $uni-text-color-grey;
	}

	.item-body-two-one {
		font-size: 12rpx;
		display: inline-block;
		float: left;
	}

	.item-body-two-two {
		font-size: 12rpx;
		display: inline-block;
		float: right;
	}

	.item-body-three {
		margin-top: 54rpx;
		font-size: 12rpx;
		text-align: center;
		padding-top: 10rpx;
		border-top: .5upx solid #ccc;
	}

	.item-body-three-one {
		// margin-top: 20rpx;
		color: $uni-text-color-grey;
		display: inline-block;
		float: left;
	}

	.item-body-three-two {
		color: $uni-color-warning;
		display: inline-block;
		float: left;
		margin-left: 20rpx;
	}

	.item-body-three-three {
		color: $uni-text-color-grey;
		display: inline-block;
	}


	.item-body-three-four {
		color: $uni-color-warning;
		display: inline-block;
		margin-left: 20rpx;
	}

	.item-body-three-five {
		color: $uni-text-color-grey;
		display: inline-block;
		float: right;

	}

	.item-foot {
		height: 30rpx;
		background-color: #f0f0f0;
	}


	// <style lang="scss">
	.demo-uni-row {
		// margin-top: 30rpx;
		// margin-bottom: 10px;
		height: 30rpx;
		// 组件在小程序端display为inline
		// QQ、字节小程序文档写有 :host，但实测不生效
		// 百度小程序没有 :host
		/* #ifdef MP-TOUTIAO || MP-QQ || MP-BAIDU */
		display: block;
		/* #endif */
	}

	.demo-uni-row-zhan {
		// margin-bottom: 10px;
		height: 20rpx;
		// 组件在小程序端display为inline
		// QQ、字节小程序文档写有 :host，但实测不生效
		// 百度小程序没有 :host
		/* #ifdef MP-TOUTIAO || MP-QQ || MP-BAIDU */
		display: block;
		/* #endif */
	}

	.demo-uni-row-zhan2 {
		// margin-bottom: 10px;
		height: 15rpx;
		// 组件在小程序端display为inline
		// QQ、字节小程序文档写有 :host，但实测不生效
		// 百度小程序没有 :host
		/* #ifdef MP-TOUTIAO || MP-QQ || MP-BAIDU */
		display: block;
		/* #endif */
	}

	// 支付宝小程序没有 demo-uni-row 层级
	// 微信小程序使用了虚拟化节点，没有 demo-uni-row 层级
	/* #ifdef MP-ALIPAY || MP-WEIXIN */
	::v-deep .uni-row {
		margin-bottom: 10px;
	}

	/* #endif */

	.demo-uni-col {
		height: 22px;
		border-radius: 5px;
		text-align: right;
	}

	.import-msg {
		// height: 350rpx;
		border-radius: 25rpx;
		// width: 90%;
		// height: 30%;
		// margin-top: 500rpx;
		// position: absolute;
		// background-color: pink;
		// top: 165rpx;
		// left: 50rpx;
		z-index: 2;
		text-align: center;
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
		// margin-top: 200rpx;
		// position: relative;
		// top:-90rpx;
	}
	.common-msg{
		// background-color: pink;
		// margin-top: 80rpx;
		// padding-top: 50rpx;
	}

	.demo-uni-col-key {
		height: 22px;
		border-radius: 5px;
		text-align: left;
		font-size: 12rpx;
	}

	.demo-uni-col-value {
		height: 22px;
		border-radius: 5px;
		text-align: left;
		// padding-left: 3rpx;
	}

	.dark_deep {
		background-color: #99a9bf;
	}

	.dark {
		// background-color: #d3dce6;
	}

	.total {
		color: $uni-color-warning;
	}

	.big {
		font-size: 35rpx;
	}

	.light {
		// background-color: #e5e9f2;
		color: black;
		font-weight: bold;
	}
	.title{
		font-size: 30rpx;
		color: white;
	}
	.info{
		font-size: 20rpx;
	}

	.example-body {
		padding: 30rpx 30rpx 30rpx 30rpx;
		/* #ifndef APP-NVUE */
		display: block;
		/* #endif */
		// padding: 15rpx 10rpx 0 10rpx;
		
		overflow: hidden;
		// height: 380rpx;
	}

	// 
	.example {
		padding: 15px;
		background-color: #fff;
	}

	.segmented-control {
		margin-bottom: 15px;
	}

	.button-group {
		margin-top: 15px;
		display: flex;
		justify-content: space-around;
	}

	.form-item {
		display: flex;
		align-items: center;
	}

	.button {
		display: flex;
		align-items: center;
		height: 35px;
		margin-left: 10px;
	}
